<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="${pageContext.request.contextPath }/statics/images/fz2.png"
          type="image/x-icon"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>智能物联小区管理系统</title>
    <script type="text/javascript" src="${pageContext.request.contextPath }/statics/lib/loading/okLoading.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/statics/css/main.css" media="all">
    <link rel="stylesheet" href="${pageContext.request.contextPath }/statics/css/font.css">
</head>
<style>
    .show_list {
        display: block;
    }

    .hide_lits {
        display: none;
    }
</style>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header header header-demo">
        <div class="layui-main">
            <div class="admin-logo-box">
                <a class="logo" title="智慧小区物业管理系统">智慧小区物业管理系统</a>
                <div class="larry-side-menu">
                    <img src="${pageContext.request.contextPath }/statics/images/ss.png" alt="">
                </div>
            </div>

            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item" id="time"
                    style="margin-right: 50px;font-size: 16px;color: #2fb9d4;position: absolute;left: -250px;top: 0"></li>
                <li class="layui-nav-item"><img src="${pageContext.request.contextPath }/statics/images/slimg1.jpg"
                                                class="layui-circle"
                                                style="border: 2px solid #A9B7B7;" width="35px" height="35px" alt="">
                </li>
                <li class="new-nav " id="gonggao">
                    <i></i>
                    <a href="#"><i class="iconfont">&#xe6bc;</i><span class="layui-badge" id="layui-badge1">4</span></a>
                    <ul class="news" id="gonggaos" style="display: none;">
                        <li class="dropdown-header"><i class="iconfont">&#xe6bc;</i><span id="activityCount">5</span>条活动
                        </li>
                        <li><a href="javascript:;" onclick="xadmin.add_tab('统计页面','notice-list.html')">
                            <div class="clearfix">
                                <span class="pull-left"> <i class="btn btn-pink iconfont">&#xe6bc;</i> 小区活动 </span>
                                <span class="pull-right badge badge-info" id="activityCount2">+12</span>
                            </div>
                        </a></li>
                        <li><a href="javascript:;"> <i class="btn btn-primary iconfont">&#xe6bc;</i> 业主活动 </a></li>

                        <li><a href="javascript:;" id="activity">查看所有活动 <i class="iconfont">&#xe69b;</i> </a></li>
                    </ul>
                </li>
                <li class="new-nav" id="new-nav">
                    <i></i>
                    <a href="#"><i class="iconfont">&#xe713;</i><span class="layui-badge" id="layui-badge2">5</span></a>
                    <ul class="news" id="news" style="display: none;">
                        <li class="dropdown-header"><i class="iconfont">&#xe6bc;</i><span id="repairs">5</span>条投诉</li>
                        <li><a href="#">
                            <div class="clearfix">
                                <span class="pull-left"> <i class="btn btn-pink iconfont">&#xe69b;</i> 投诉 </span>
                                <span class="pull-right badge badge-info" id="repairs2">+5</span>
                            </div>
                        </a></li>
                        <li>
                            <a href="javascript:;" _href="" id="complain"> <cite>查看所有投诉建议</cite> </a>
                        </li>
                    </ul>
                </li>

                <li class="layui-nav-item"><a href="javascript:;">${sessionScope.userSession.account}</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd><a href="javascript:;" onclick="one_set('个人信息','one_set','1000','600')">个人信息</a>
                        </dd>
                        <dd><a href="javascript:;" onclick="logout()">切换帐号</a></dd>
                        <dd><a href="javascript:;" onclick="logout()">退出</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item x-index"><a href="#"></a></li>
            </ul>
        </div>
    </div>

    <!--左侧导航区域-->


    <div class="layui-side layui-bg-black x-side show_list" style="left:0px;" id="table1">
        <div style="height: 130px; width: 220px; ">
            <a class="img" title="我的头像" style="display: block;width: 80px;height: 80px;margin: 10px auto 10px;">
                <img src="${pageContext.request.contextPath }/statics/images/slimg1.jpg" class="userAvatar"
                     style="display: block;width: 100%;height: 100%;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border: 4px solid #44576b;box-sizing: border-box;">
            </a>
            <p style=" display: block;width: 100%;height: 25px;color: #ffffff;text-align: center;font-size: 12px;white-space: nowrap;line-height: 25px;overflow: hidden;">
                你好！<span class="userName">${sessionScope.userSession.account}</span>, 欢迎回来
            </p>
        </div>
        <div class="layui-side-scroll">

            <ul class="layui-nav layui-nav-tree site-demo-nav" lay-filter="side">

                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;" _href="temp/welcome"> <i
                        class="layui-icon left-nav-li" lay-tips="首页">&#xe68e;</i><cite>控制台</cite> </a>
                </li>
                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i
                        class="iconfont icon-dashaxiaoqudizhi01" style="top: 3px;"></i><cite>小区管理</cite> </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="community/communitylist"> <cite>小区列表</cite> </a></dd>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i
                        class="layui-icon iconfont icon-lvhuaxiaoqu" style="top: 3px;"></i><cite>房产管理</cite> </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                        <dd class=""><a href="javascript:;" _href="home/homelist"> <cite>房产管理</cite> </a></dd>
                        </dd>
                        <dd class="">
                        <dd class=""><a href="javascript:;" _href="building/buildinglist"> <cite>栋数管理</cite> </a></dd>
                        </dd>

                    </dl>
                </li>
                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i
                        class="layui-icon iconfont icon-yezhuxian" style="top: 3px;"></i><cite>业主信息管理</cite> </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                        <dd class=""><a href="javascript:;" _href="personnel/personnel_list"> <cite>人员管理</cite> </a>
                        </dd>

                        <dd class=""><a href="javascript:;" _href="pet/tolist"> <cite>宠物管理</cite> </a></dd>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;">
                    <i class="layui-icon iconfont icon-tingchewei" style="top: 3px;"></i><cite>车辆管理</cite> </a>
                    <dl class="layui-nav-child">
                        <dd class="">
                            <%--<dd class=""><a href="javascript:;" _href="license/camera"> <cite>查看小区摄像头</cite> </a></dd>
                            <dd class=""><a href="javascript:;" _href="license/car_inandout"> <cite>车辆进出记录</cite> </a></dd>
                             <dd class=""><a href="javascript:;" _href="caruse/parkingusagelist"> <cite>车位使用管理</cite> </a></dd>
                            --%>
                        <dd class=""><a href="javascript:;" _href="parking/parkinglist"> <cite>车位管理</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="license/camera3"> <cite>车位平面图</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="parkingPlace/parkingPlace_list"> <cite>车辆管理</cite>
                        </a></dd>
                        <dd class=""><a href="javascript:;" _href="parkingIn/parking_in"> <cite>入口历史信息</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="parkingOut/parking_out"> <cite>出口历史信息</cite> </a>
                        </dd>
                        <dd class=""><a href="javascript:;" _href="parkingInmanage/parking_in_manage"> <cite>在场车辆</cite></a>
                        </dd>
                        <dd class=""><a href="javascript:;" _href="license/camera2"> <cite>停车场摄像头</cite> </a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i
                        class="layui-icon iconfont icon-fuwu" style="top: 3px;"></i><cite>服务管理</cite> </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="complain/complainlist"> <cite>投诉建议</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="activity/activity_list"> <cite>活动管理</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="temp/repairlist"> <cite>保修管理</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="temp/mailboxlist"> <cite>信箱管理</cite> </a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i
                        class="layui-icon iconfont icon-zichan" style="top: 3px;"></i><cite>设备管理</cite> </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="lamp/lamplist"> <cite>灯控管理</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="lampLog/lamploglist"> <cite>工作记录</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="temp/device_list"> <cite>设备数据</cite> </a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i
                        class="layui-icon iconfont icon-shoufeizhan" style="top: 3px;"></i><cite>收费管理</cite> </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="fee/fee_car"> <cite>收费项目</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="temp/promx_list"> <cite>收费明细管理</cite> </a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i class="layui-icon"
                                                                                           style="top: 3px;">&#xe613;</i><cite>管理员管理</cite>
                </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="temp/adminlist"> <cite>管理员列表</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="temp/admingroup"> <cite>用户组管理</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="temp/authrule"> <cite>权限管理</cite> </a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item"><a class="javascript:;" href="javascript:;"> <i class="layui-icon"
                                                                                           style="top: 3px;">&#xe614;</i><cite>系统设置</cite>
                </a>
                    <dl class="layui-nav-child">
                        <dd class=""><a href="javascript:;" _href="temp/System"> <cite>系统设置</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="temp/one_set"> <cite>个人设置</cite> </a></dd>
                        <dd class=""><a href="javascript:;" _href="temp/parkingPlace_list2"> <cite>临时页面1</cite>
                        </a></dd>
                        <dd class=""><a href="javascript:;" _href="temp/parkingPlace_list3"> <cite>临时页面2</cite>
                        </a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" style="height: 30px; text-align: center"></li>
            </ul>
        </div>
    </div>
    <div class="layui-tab layui-tab-card site-demo-title x-main" lay-filter="x-tab" lay-allowclose="true"
         style="left: 220px;border-left: solid 2px #2299ee;">
        <ul class="layui-tab-title">
            <li class="layui-this"> 我的桌面 <i class="layui-icon layui-unselect layui-tab-close">ဆ</i></li>
        </ul>
        <div class="layui-tab-content site-demo site-demo-body">
            <div class="layui-tab-item layui-show">
                <iframe frameborder="0" src="temp/welcome" class="x-iframe"></iframe>
            </div>
        </div>
    </div>
    <div class="site-mobile-shade"></div>
</div>

<script src="${pageContext.request.contextPath }/statics/lib/layui/layui.js" charset="utf-8"></script>
<script src="${pageContext.request.contextPath }/statics/js/main.js"></script>
<script src="${pageContext.request.contextPath }/statics/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath }/statics/js/x-layui.js" charset="utf-8"></script>
<script>
    $(".daohang").click(function () {
        var table = $(this).attr("ids");
        var ids = $(".show_list").attr("id");
        $("#" + ids + "").addClass("hide_lits");
        $("#" + ids + "").removeClass("show_list");
        $("" + table + "").removeClass("hide_lits");
        $("" + table + "").addClass("show_list");
    })

    function activity() {
        $.ajax({
            type: "get",
            url: "activity/list",
            data: {status: 1},
            dataType: "json",
            success: function (data) {
                $("#activityCount").text(data.data.records.length)
                $("#activityCount2").text("+" + data.data.records.length)
                $("#layui-badge1").text("+" + data.data.records.length)
            }
        })
    }

    function repairs() {
        $.ajax({
            type: "get",
            url: "complain/list",
            data: {status: 1},
            dataType: "json",
            success: function (data) {
                $("#repairs").text(data.data.records.length)
                $("#repairs2").text("+" + data.data.records.length)
                $("#layui-badge2").text("+" + data.data.records.length)
            }
        })
    }

    activity()
    repairs()

    $("#complain").click(function () {
        $("iframe").attr("src", "complain/complainlist")
    })

    $("#activity").click(function () {
        $("iframe").attr("src", "activity/activity_list")
    })
</script>
<script>
    layui.use(['laydate', 'element', 'laypage', 'layer'], function () {
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element();//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层
        okLoading.close($)
        //以上模块根据需要引入

    });

    /**
     * 退出登陆
     * 2019年8月17日19:43:15
     */
    function logout() {
        layer.msg("正在退出，请稍等", {icon: 1, time: 1000});
        setTimeout("window.location.href='logout'", 2000);
        return false;
        // layer.msg("退出失败",{icon:5,time:2000});return false;
        /*$.ajax({
            type:"post",
            url:"xxxxx",
            data:{e:1},
            dataType:"json",
            success:function (data) {
                if(data.status==1){
                    layer.msg(data.info,{icon:1,time:1000});
                    setTimeout("window.location.href='xxxx'",2000);return false;
                    return false;
                }else{
                    layer.msg(data.info,{icon:5,time:2000});return false;
                }
            }
        })*/
    }

    function one_set(title, url, w, h) {
        x_admin_show(title, url, w, h);
    }
</script>
<script>
    //顶部时间
    function getTime() {
        var myDate = new Date();
        var myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
        var myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
        var myToday = myDate.getDate(); //获取当前日(1-31)
        var myDay = myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
        var myHour = myDate.getHours(); //获取当前小时数(0-23)
        var myMinute = myDate.getMinutes(); //获取当前分钟数(0-59)
        var mySecond = myDate.getSeconds(); //获取当前秒数(0-59)
        var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        var nowTime;

        nowTime = myYear + '-' + fillZero(myMonth) + '-' + fillZero(myToday) + '&nbsp;&nbsp;' + week[myDay] + '&nbsp;&nbsp;' + fillZero(myHour) + ':' + fillZero(myMinute) + ':' + fillZero(mySecond);
        //console.log(nowTime);
        $('#time').html(nowTime);
    };

    function fillZero(str) {
        var realNum;
        if (str < 10) {
            realNum = '0' + str;
        } else {
            realNum = str;
        }
        return realNum;
    }

    setInterval(getTime, 1000);
</script>
<script>
    window.onload = function () {
        var click = document.getElementById('new-nav');
        var news = document.getElementById('news');
        click.addEventListener('mousemove', function () {
            news.style.display = 'block';
        });
        click.addEventListener('mouseout', function () {
            news.style.display = 'none';
        });

        var gonggao = document.getElementById('gonggao');
        var gonggaos = document.getElementById('gonggaos');
        gonggao.addEventListener('mousemove', function () {
            gonggaos.style.display = 'block';
        });
        gonggao.addEventListener('mouseout', function () {
            gonggaos.style.display = 'none';
        });
    }
</script>
</body>
</html>